import React, { Component } from 'react'
import './index.less'
import {NavLink} from 'react-router-dom'

export default class Header extends Component {
    state={
        flag:false
    }
    mouseOver=() => {
        this.setState({
            flag:true
        })
    }
    mouseDow = () => {
        this.setState({
            flag:false
        })
    }
    render() {
        let {flag} = this.state
        return (
            <div className="page-header">
                  <div className='header-logo'>
                  <img src="https://suixingyou.oss-cn-shanghai.aliyuncs.com/upload/info/rc-upload-1554968003513-4_logo.jpeg" />
                  </div>
               <h1> 上海市市旅游协会导游分会</h1>
               <div className="header-dropdow" onMouseOver={this.mouseOver} >         
                     <span>userName</span> 
               </div>
              {/* {
                  flag?<div className="mose-over"><NavLink to="./login">退出</NavLink></div>:""
              } */}
            </div>
        )
    }
}
